
<html lang="es">
<head>
<meta charset = "utf-8"/>
<title>pagina web movil</title>
<link  rel="stylesheet" type="text/css" href="jqm/jquery.mobile-1.3.1.css" >
<script type="text/javascript" src="jquery-1.10.1.min.js"> </script>
<script type="text/javascript" src="jqm/jquery.mobile-1.3.1.js"> </script>
 <script type="text/javascript">
        function limpiarFormulario() {
            document.forms['formulario2'].reset();
        };
    </script>
<!-- este ultimo scritp  se utiliza para ejecutar la funcion q limpia el formulario depues de enviar los datos-->
</head>


<body onLoad="limpiarFormulario();" >
<!-- <div data-role="page" data-theme="a"> </div>  -->
 <div data-role="page" id="pagina1"  >
 
 <!-- cabecera-->
 <div data-role="header" data-theme="b">
<h1>jquery mobile register</h1>
 
</div>

<!-- contenido-->
 <div data-role="content"  >
 <form action="verificar.php" name="formulario2" method="POST" data-ajax="false"  >
 
 <div data-role="fieldcontain">
 <label for="usuario">usuario</label>
 <input type="text" name="usuario1" id="usuario"  required>
 </div>
 
<!--(se usa para pegar label con input, se coloca entre cada componente) <div data-role="fieldcontain"> </div>-->
 <div data-role="fieldcontain">
 <label for="contraseña">password</label>
 <input type="password" name="contraseña1" id="contraseña"  required> 
 </div>

 <input  type="submit" data-theme="a" data-icon="help" name="enviar" value="ingresar" >

 
 <a href="index2.html" data-role="button" data-theme="a" data-icon="help" data-transition="Slide"  > desea registrarse</a>
 

 <a href="informacion.html" data-role="button" data-theme="c" data-icon="help" data-transition="Slide" data-rel="dialog" > de interes,descripcion basica del sistema </a>
 


  
  </form>
 </div>

<!--pie de pagina-->
<div data-role="footer" data-theme="e">
<h2>aplicacion realizada por marco tulio soto</h2>
</div> 
 
 </div> 
 
 
 <div data-role="page"  id="extra">
 
 <div data-role="header" data-theme="a"> 
 <h1> informacion </h1>
 </div>
 
 <div data-role="content">
 <p> solo usuarios registrados pueden acceder a los  beneficios de la aplicacion,donde se permite el almacenamento de informacion
 en la base de datos y la posibilidad de su posterior consulta.</p>  
 <p>dentro de los datos posibles para registrar estan: </p>
 <br><span style="color: blue;">nombre</span></br> 
 <br><span style="color: blue;">fecha de nacimiento</span></br>
 <br><span style="color: blue;"> genero</span></br>
 <br><span style="color: blue;">estrato(considerando 4 tipos)</span></br>
<br> 
 <span style="color: blue;">cedula</span>, e informacion extendida de esta misma como fecha y ciudad de expedicion, las cuales solo 
 se mostrar en caso de que el usuario lo desee.</br>
  <br>si no estas registrado puedes hacerlo </br>
 </div>
 
  <a href="#pagina1" data-role="button" data-theme="b" data-icon="help" data-rel="back"  > regresar </a>
 
 </div> 
 
 
 
 
 
 
 
 
 
 <div data-role="page" id="pagina2" >
 
 <!-- cabecera-->
 <div data-role="header" data-theme="b">
<h1> registrese en el sistema</h1>
 
</div>

<!-- contenido-->

 <div data-role="content">
  <form action="ingresardatosbase.php" method="POST" >
<!-- para desativar ajax,(sus efectos de traspaso) dentro del form se  coloca   data-ajax="false"  --> 
 
 <div data-role="fieldcontain">
 <label for="usuario1">usuario</label>
 <input type="text" name="usuario" id="usuario1">
 </div>
 
<!--(se usa para pegar label con input, se coloca entre cada componente) <div data-role="fieldcontain"> </div>-->
 
 <div data-role="fieldcontain">
 <label for="contraseña1">password</label>
 <input type="password" name="contraseña" id="contraseña1" required> 
 </div>
 
 <div data-role="fieldcontain">
 <label  for="fecha1" >fecha de nacimiento</label>
 <input  type="date" name="fecha" id="fecha1" > 
 </div>
 
 <div data-role="fieldcontain">
  <label  for="interruptor1">genero</label>
 <select name="opciones" id="interruptor1" data-role="slider">
 <option value="masculino">masculio</option>
 <option value="femenino">femenino</option> 
 </select> 
 </div>


<div data-role="fieldcontain">
 <label  for="cedula1">cedula</label>
 <input  type="text"  name="cedula" id="cedula1">
 </div>
 
 <div data-role="fieldcontain">
 <label for="fecha1"> fecha de expedicion</label>
 <input type="date" name="fecha"  id="fecha1">
 </div>
 
 <div data-role="fieldcontain">
<label for="ciudad1" > ciudad donde fue expedida</label>
<input type="text" id="ciudad1" name="ciudad">
 </div>
 

 <input  type="submit" data-theme="a" data-icon="help" name="enviar" value="registrar datos"  >

 
 <a href="#pagina1" data-role="button" data-theme="a" data-icon="help" data-rel="back" > regresar a pagina inicial</a>
 <p >contenido de la pagina para probar</p>

  
  </form>
 </div>

<!--pie de pagina-->
<div data-role="footer" data-theme="e">
<h2>pie de pagina</h2>
</div> 
 
 </div> 
 

 
 
 
 
</body>

</html>